<template>
  <div class="home">
    爱好: 打篮球：<input type="checkbox" v-model="hobbit" value="打篮球" />
    吃饭：<input type="checkbox" v-model="hobbit" value="吃饭" /> 睡觉：<input
      type="checkbox"
      v-model="hobbit"
      value="睡觉"
    />
    打豆豆：<input type="checkbox" v-model="hobbit" value="打豆豆" />

    <hr />
    喜欢的城市： 沈阳：<input type="checkbox" v-model="city" value="沈阳" />
    北京：<input type="checkbox" v-model="city" value="北京" />上海：<input
      type="checkbox"
      v-model="city"
      value="上海"
    />
    杭州：<input type="checkbox" v-model="city" value="杭州" />

    <hr />
    是否同意：<input type="checkbox" v-model="res" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      city: [],
      hobbit: ["睡觉"],
      res: false,
    };
  },
};
</script>
